<!-- 我的弹窗 -->

<template>
  <WebModal :title="`${MAP.WORD}详情`" noEdit medium>
    <WebShow>
      <!-- 来访对象 -->
      <EasyCard>
        <EasyRow>
          <FormPhoto folder="visitor" row3 quar label="抓拍照" word3>
            <img src="captureUrl" alt="抓拍照" />
          </FormPhoto>

          <div class="quar3">
            <EasyRow col2>
              <ShowText label="访客姓名" bind="personName" />
              <ShowGender label="性别" bind="sex" word2 />
            </EasyRow>

            <EasyRow col2>
              <ShowText label="手机号" bind="phone" word3 />
              <ShowText label="证件号码" bind="idNo" :labelWidth="50" />
            </EasyRow>

            <EasyRow col2>
              <ShowDict label="证件类型" bind="idType" :dict="CORE.DICT.ID_TYPE" />
              <ShowText label="来访单位" bind="visitorWorkUint" />
            </EasyRow>
          </div>
        </EasyRow>
      </EasyCard>

      <!-- 被访对象 -->

      <EasyCard>
        <EasyRow>
          <FormPhoto folder="visitor" row3 quar required label="证件照" word3>
            <img src="photoUrl" alt="证件照" />
          </FormPhoto>

          <div class="quar3">
            <EasyRow col2>
              <ShowText label="被访对象" bind="beVisitedPersonName" />
              <ShowText label="手机号码" bind="phone" />
            </EasyRow>

            <EasyRow col2>
              <ShowText :label="`所属${CORE.MAP.ORGAN}`" bind="beVisitedPersonOrg" />
              <ShowText label="来访人数" bind="visitorNumber" />
            </EasyRow>

            <EasyRow col2>
              <ShowText label="来访事由" bind="purpose" />
              <ShowText label="体温" bind="bodyTemperature" word2 />
            </EasyRow>

            <EasyRow col2>
              <ShowText label="登记点" bind="signLocation" word3 />
              <!-- 来访时间与离开时间 -->
              <FormTime label="来访时间" bind="startTime" :disabled="!one.activeTime" history required />
            </EasyRow>

            <EasyRow col2>
              <FormTime label="离开时间" bind="endTime" :disabled="!one.expireTime" future required />
            </EasyRow>
          </div>
        </EasyRow>
      </EasyCard>
    </WebShow>
  </WebModal>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyModal',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb()],

  /**
   * 组件导入 (Abc.vue + Abc/index.vue)
   */
  ...CORE.components(require.context('./', true, /vue$/)),
}
</script>
